<template>
	<view class="content">

		<u-tabs lineWidth="30" :activeStyle="{'color':'#5669FF'}" :list="tabList"></u-tabs>

		<!-- 消息内容 -->
		<view v-for="item in 7" class="messageBox padding20-40">
			<u--text size="25"
				text="00:01:44.501项目'footballBookingApp' 编译成功。前端运行日志，请另行在小程序开发工具的控制台查看00:01:44.501 项目 'footballBookingApp' 编译成功。">
			</u--text>
			<u-badge :offset="[20,0]" :isDot="true" absolute type="error" max="99" :value="value"></u-badge>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabList: [{
					name: '我的消息',
				}, {
					name: '历消息',
				}, {
					name: '支付消息'
				}, {
					name: '其他消息'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.content {
		min-height: 100vh;
		height: 100%;
		width: 100%;
	}

	.messageBox {
		position: relative;
		width: 83%;
		height: auto;
		border-radius: 32rpx;
		opacity: 1;
		background: #FFFFFF;
		box-shadow: 0px 8px 25px 0px rgba(83, 89, 144, 0.07);
		margin: 5% auto;
	}
</style>